checkLogin()  /* 检测用户是否有token值 用户判断是否登录了 */
renderUername() /* 检测用户是否有姓名 有的话渲染 */
// 退出登录
logout()



/* 抽取判断是否有token的函数，供各个有敏感信息的页面使用 index和student页面
  校验函数 
  第一步 创建函数 判断有么有token 有token正常访问
  没有token 提示用户登录 并返回登录页面 */
  function checkLogin(){  /* 封装函数  调用在用户界面那里 */
    const Token=localStorage.getItem('token')    
    /* 想要取token 就先要在登录界面 存一个token 因为用户登录后 服务器会返回给你一个token值  localStorage.setItem('token',res.data.data.token)
      存完之后 在这里取出来  然后有token值 保持原样 没有的话 会返回null 那你就if判断等于null的时候 提醒用户弹窗showToast('请登录') 
      这个也是提前封装好的函数*/
    console.log(Token)
    
    if(Token===null){
      showToast('请登录')
  
      setTimeout(() => { /* 定时器 用处是想让用户看到请登录弹窗 就得有定时器 */
        location.href='./login.html'
      }, 1500);
    }
  }
  
  function renderUername(){  /* 检测用户的用户名 */
   const username= localStorage.getItem('username') /* 跟上面同理 在登录页面的时候 提前保存的 在这里取出来 */
      document.querySelector('.username').innerHTML=username   /* 存的数据渲染到界面上 */
  }
  
  
  function  logout(){  /* 退出登录  想要退出登录 第一步 就需要用户返回登录页面 第二步 把用户存的数据都删了 */  
    document.querySelector('#logout').addEventListener('click',function(){
      location.href='./login.html'
      localStorage.removeItem('token')
      localStorage.removeItem('username')
  
    })
  }


    async function getdata(){
    const Token=localStorage.getItem('token')

    
    const res=await axios.get('/dashboard',/* {
      headers:{
          Authorization:Token  
      }    拦截器那里已经设置过了
  } */)
    console.log(res)   
    const {overview}=res.data
    Object.keys(overview).forEach((key)=>{  /*  Object.keys(overview) 小括号里面要写遍历的数据 */
        document.querySelector(`.${key}`).innerHTML=overview[key]   /* 遍历渲染数据 把里面的值改一下 */
    })






    



  }
  getdata()

  